<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<title>Document</title> 
	<!-- meta使用viewport以确保页面可自由缩放 -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- 引入 jQuery Mobile 样式 -->
	<link rel="stylesheet" href="http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css">
	<link rel="stylesheet" type="text/css" href="./css/demo.css">
	<link rel="stylesheet" type="text/css" href="css/homepage.css">
	<link rel="stylesheet" type="text/css" href="css/style_yx.css">
	<!-- 引入 jQuery 库 -->
	<script src="http://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
	<!-- 引入 jQuery Mobile 库 -->
	<script src="http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>
	<div data-role="page" id="homepage">
		<header data-role="header" data-position="fixed" data-theme="b" style="padding-bottom: 0">
			<a href="#" class="ui-btn ui-corner-all ui-shadow ui-icon-home ui-btn-icon-notext">button</a>
			<h1 style="font-size: 16px">首页</h1>
			<a href="#" class="ui-btn ui-btn-right ui-corner-all ui-shadow ui-icon-bars ui-btn-icon-notext" style="right: 2.2em;" id="menu">button</a>
			<a href="#" class="ui-btn ui-btn-right ui-corner-all ui-shadow ui-icon-search ui-btn-icon-notext">button</a>
		</header>
		<div data-role="navbar" id="menulist">
		    <ul>
		    	<li><a href="C:\Users\Lenovo\Desktop\HTML mobile\demo.html" class="ui-btn-active">首页</a></li>
		    	<li><a href="C:\Users\Lenovo\Desktop\HTML mobile\login.html">登录</a></li>
				<li><a href="C:\Users\Lenovo\Desktop\register.html">注册</a></li>
				<li><a href="#">设置</a></li> 
				<li><a href="#">下载</a></li>				
				<li><a href="#">更多</a></li>
		    </ul>
		</div><!-- /navbar -->
		<div>
			<div class="bannercontainer">
				<ul class="bannerlist">
					<li>
						<a href="#">
							<img src="img/img1.png" />
						</a>
					</li>
					<li>
						<a href="#">
							<img src="img/img2.png" />
						</a>
					</li>
					<li>
						<a href="#">
							<img src="img/img3.png" />
						</a>
					</li>
					<li>
						<a href="#">
							<img src="img/img4.png" />
						</a>
					</li>					
				</ul>
			</div>
		</div> 
	<section class='yxbj-p-home'>
	<div class='event-banner-display click_tracking' data-action="click_ver_a_banner" data-label="20180611_promo" onclick="location.href='https://app.yinxiang.com/subscriptions?offer=perm_nav_account#one-1year-recurring'"><div class='event-banner'></div></div>
	<div class='cons' style="padding-top: 40px;padding-bottom: 20px">
		<div class='head'>使用<span class='green'>印象笔记</span></div>
		<div class='head'>- 记录生活点滴 -</div>
		<div class='content'>随时随地获取、整理、分享笔记，让灵感时刻与你同行</div>
	</div>
</section>
<section class="new-story">
  <div class="row">

    <div class="story-item image-on-right">
      <div class="story-image note" style="background: url(img/_e-note@1x.png)">   	
      </div>
      <div class="story-content">
        <h2>随时记录一切</h2>
        <p>无论是点滴灵感、待办清单、或是会议记录、项目资料，印象笔记在手，方便随时记录，永久保存内容。</p>
        <div style='margin-top:32.5px;'>
          <a style='color: #5ebb6a; font-size:14px; text-decoration: none; margin-top:32.5px;' href='https://app.yinxiang.com/Registration.action'>创建免费帐户</a>
        </div>
      </div>
    </div>

    <div class="story-item image-on-left">
      <div class="story-image sync" style="background: url(img/_e-sync@1x.png)">
      </div>
      <div class="story-content">
        <h2>支持所有设备</h2>
        <p>你可以用印象笔记保存一切，笔记会自动同步到所有设备。再也不用回想某个东西究竟存在哪台设备，因为它就在印象笔记里。</p>
        <div style='margin-top:32.5px;'><a style='color: #5ebb6a; font-size:14px; text-decoration: none; margin-top:32.5px;' href='https://app.yinxiang.com/Registration.action'>创建免费帐户</a></div>
      </div>
    </div>

    <div class="story-item image-on-right">
      <div class="story-image find" style="background: url(img/_e-find@1x.png)">
      </div>
      <div class="story-content">
        <h2>快速查找所需</h2>
        <p>一个简单的搜索框，就能轻松找到你放进印象笔记的一切。无论是笔记、图片甚至是附件内的文字，印象笔记能迅速帮你搜索到任何记忆。</p>
        <div style='margin-top:32.5px;'><a style='color: #5ebb6a; font-size:14px; text-decoration: none; margin-top:32.5px;' href='https://app.yinxiang.com/Registration.action'>创建免费帐户</a></div>
      </div>
    </div>

    <div class="story-item image-on-left">
      <div class="story-image share" style="background: url(img/_e-share@1x.png)">
      </div>
      <div class="story-content">
        <h2>高效协作共享</h2>
        <p>无需跳出应用，即可基于笔记展开讨论，共享工作笔记本，合作完成团队目标。</p>
      </div>
    </div>
  </div>
</section>

<footer class="footer-v3" style="background: #f0f0f0">
  <nav class="footer-nav" style="margin-top: 0">
    <div class="row">      
    <div class="footer-grey-bar">
      <div class="row">
        <ul class="footer-legal-links">
          <li><a href="/legal/" class="click_tracking" data-label="footer" data-action="legal">法律信息</a></li>
          <li><a href="/privacy/" class="click_tracking" data-label="footer" data-action="privacy">隐私中心</a></li>
          <li><a href="/security/" class="click_tracking" data-label="footer" data-action="security">安全信息</a></li>
          <li><a href="/contact/" class="click_tracking" data-label="footer" data-action="contact">联系我们</a></li>
        </ul>
        <p class="footer-copyright">版权所有 2019 Evernote China. <span class="all-rights-reserved">保留一切权利.</span></p>       
      </div><!-- .row -->
            <div class="row">
        <div class="footer-china-gov-id">
          <span>北京印象笔记科技有限公司</span>
          <a href="http://www.miibeian.gov.cn">京ICP备12019321号</a>
          <span>京公网安备11010802022820号</span>
        </div>
      </div><!-- .row -->
    </div>
    </div>
  </nav>
</footer>	
</body>
<script type="text/javascript" src="./js/jqajax.js"></script>
<script type="text/javascript" src="./js/demo.js"></script>
<script type="text/javascript" src="./js/api.js"></script>
</html>